<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>买家主页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Flatro Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<script>
$(document).ready(function(c) {
	$('.alert-close1').on('click', function(c){
		$('.message1').fadeOut('slow', function(c){
	  		$('.message1').remove();
		});
	});	  
});
</script>
<% 
	String userName=(String)session.getAttribute("userName");
%>
</head>
<body>

<div class="header_top">
	<div class="container">
	
         <div class="cssmenu">
			<ul>
				<li id="welcome">欢迎${userName}登录</li>&nbsp;&nbsp;&nbsp;&nbsp;
			   <!--   <li class="active" ><a href="login.jsp" id="login">登录</a></li>&nbsp;&nbsp;-->
			    <li class="active"><a data-toggle="modal" data-target="#myCenter">个人中心</a></li>&nbsp;&nbsp; 
			    <li class="active" ><a href="Index.jsp" id="login">退出</a></li>&nbsp;&nbsp;
			</ul>
		 </div>
	</div>
</div>	
<div class="wrap-box"></div>
<div class="header_bottom">
	    <div class="container">
			<div class="col-xs-9 header-bottom-left">
				<div class="col-xs-2 logo">
					<h1><a href="index.html"><span>购</span>物</a></h1>
				</div>
				<div class="col-xs-7 menu">
		            <ul class="megamenu skyblue">
				        <li class="active grid"><a class="color1" href="BuyerIndex.jsp">服装店</a>
					    <li class="grid"><a class="color2" href="#">超市</a>						
						<li><a class="color4" href="about.html">鞋店</a></li>				
						<li><a class="color5" href="404.html">电子产品店</a></li>
						<li><a class="color6" href="contact.html">其他</a></li>
			 		</ul> 
			</div>
		</div>
	    <div class="col-xs-3 header-bottom-right">
	       <ul class="icon1 sub-icon1 profile_img">
					 <li><a class="active-icon c1" href="#"> </a>
						<ul class="sub-icon1 list">
						  <h3>最近添加</h3>
						  <div class="shopping_cart">
							  <div class="cart_box">
							   	 <div class="message">
							   	     <div class="alert-close"> </div> 
					                <div class="list_img"><img src="images/14.jpg" class="img-responsive" alt=""/></div>
								    <div class="list_desc"><h4><a href="#">立领衬衫 --男</a></h4>1 x<span class="actual">
		                           98元</span></div>
		                              <div class="clearfix"></div>
	                              </div>
	                            </div>
	                            <div class="cart_box1">
								  <div class="message1">
							   	     <div class="alert-close1"> </div> 
					                <div class="list_img"><img src="images/15.jpg" class="img-responsive" alt=""/></div>
								    <div class="list_desc"><h4><a href="#">T 恤 ---女</a></h4>1 x<span class="actual">
		                             120元</span></div>
		                              <div class="clearfix"></div>
	                              </div>
	                            </div>
	                        </div>
	                        <div class="total">
	                        	<div class="total_left">共计: </div>
	                        	<div class="total_right">218元</div>
	                        	<div class="clearfix"> </div>
	                        </div>
                            <div class="login_buttons">
							  <div class="check_button"><a href="checkout.html">查看</a></div>
							  <div class="login_button"><a href="login.html">登录</a></div>
							  <div class="clearfix"></div>
						    </div>
					      <div class="clearfix"></div>
						</ul>
					 </li>
		      </ul>
              <div class="search">	  
				<input type="text" name="s" class="textbox" value="查找" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}">
				<input type="submit" value="Subscribe" id="submit" name="submit">
				<div id="response"> </div>
		     </div>
             <div class="clearfix"></div>
          </div>
        <div class="clearfix"></div>
	 </div>
</div>
<div class="banner">
	<div class="container">
		<div class="banner_desc">
			<h1 >我要我的style</h1>
			<h2>爱购物   ------我的快乐时光</h2>
			<div class="button">
			      <a href="#" class="hvr-shutter-out-horizontal">开始购物</a>
			    </div>
		</div>
	</div>
</div>

<div class="content_top">
	<h3 class="m_1">新款上市</h3>
	<div class="container">
	   <div class="box_1">
	       <div class="col-md-7">
			    <div class="section group">
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder">
		                         <div class="product-img">
		                            <a href="single.html">
		                                <img width="225" height="265" src="images/waitao.jpg" class="img-responsive"  alt="item4">		                            </a>
		                            <a href="" class="button "></a>		                        
		                         </div>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <div><a href="single.html" rel="tag">新款上市</a></div>
		                            <h3><a href="single.html">森马官方旗舰店</a></h3>
		                            <span><span class="amount">欢迎进店</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder">
		                         <div class="product-img">
		                            <a href="single.html">
		                                <img width="225" height="265" src="images/t-shirt.jpg" class="img-responsive"  alt="item4">		                            </a>
		                            <a href="" class="button "></a>		                         </div>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <div><a href="single.html" rel="tag">热店促销</a></div>
		                            <h3><a href="single.html">裂帛官方旗舰店</a></h3>
		                            <span><span class="amount">欢迎进店</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder">
		                         <div class="product-img">
		                            <a href="single.html">
		                                <img width="225" height="265" src="images/japan.jpg" class="img-responsive"  alt="item4">		                            </a>
		                            <a href="" class="button "></a>		                        
		                         </div>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <div><a href="single.html" rel="tag">限时促销</a></div>
		                            <h3><a href="single.html">茵曼官方旗舰店</a></h3>
		                            <span><span class="amount">限时促销</span></span>
		                    </div>
						</div>
						<div class="clearfix"></div> 
				</div>
		</div>
		<div class="col-md-5 row_3">
			<div class="about-block-content">
		       <div class="border-add"></div>
				<h4>关于我们</h4>
				<p>这是一家专门做特卖的网站，这里有最新的款式，这里紧跟时代潮流，来这里找到你的style</p>
				<p>想要不一样吗？想要疯狂吗？加入我们吧。</p>
				<p>		        	</p></div>
				<img src="images/buy.jpg" class="img-responsive" alt=""/>
	    </div>
		<div class="clearfix"></div>
	</div>
</div>
</div>
<div class="content_bottom">
<div class="container">
	<h2 class="m_3">HOT</h2>
	<div class="grid_1">
		<div class="col-md-6 blog_1">
			<div class="item-inner"> 
				<img src="images/show1.jpg" class="img-responsive" alt=""/>																	
					<div class="date-comments">
						<div class="time"><span class="date"><span class="word1">14</span> <span class="word2">韩度衣舍</span> </span></div>											 
						<div class="comments">
						<span><span class="word1">14</span>
						<span class="word2">相似</span></span>
						</div>
					 </div>
			</div>   
		</div>
		<div class="col-md-6 row_2">
			<div class="item-inner"> 
				<img src="images/show2.jpg" class="img-responsive" alt=""/>																	
					<div class="date-comments">
						<div class="time"><span class="date"><span class="word1">14</span> <span class="word2">拉钩钩</span> </span></div>											 
						<div class="comments">
						<span><span class="word1">0</span>
						<span class="word2">相似</span></span>
						</div>
					 </div>
			</div>   
	    </div>
		<div class="clearfix"></div>
	</div>
</div>	
</div>
<div class="content_bottom-grid">
	<div class="col-md-6 row_4"></div>
	 <div class="col-md-6">
		<div class="row_5">
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder1">
		                        <a href="single.html"><img src="images/photo3.jpg" class="img-responsive" alt=""/></a>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <h3><a href="single.html">裂帛官方旗舰店</a></h3>
		                            <span><span class="amount">时尚优品</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder1">
		                        <a href="single.html"><img src="images/photo7.jpg" class="img-responsive" alt=""/></a>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <h3><a href="single.html">七格格</a></h3>
		                            <span><span class="amount">1折起</span></span>
		                    </div>
						</div>
						<div class="col_1_of_3 span_1_of_3">
							<div class="shop-holder1">
		                        <a href="single.html"><img src="images/photo4.jpg" class="img-responsive" alt=""/></a>
		                    </div>
		                    <div class="shop-content" style="height: 80px;">
		                            <h3><a href="single.html">裂谷服饰专营店</a></h3>
		                            <span><span class="amount">最低99起</span></span>
		                    </div>
						</div>
						<div class="clearfix"></div> 
					</div>
	</div>
	<div class="clearfix"> </div>
</div>


<!-- 个人中心模态框（Modal） -->
	<div class="modal fade" id="myCenter" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">个人中心</h4>
				</div>
				<div class="modal-body">
		<!--  更改密码模态框开始-->
					<form class="templatemo-container" role="form" action="buyerInfo"
						method="post" id="resetPwd" >
						<div class="form-group">
							<div class="col-xs-12">
								<div class="control-wrapper">
									<label for="username" class="control-label fa-label">
									<i class="fa fa-user fa-medium"></i></label> 
									<input type="text"class="form-control" name="realName" placeholder="姓名">
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-12">
								<div class="control-wrapper">
									<label for="password" class="control-label fa-label"><i
										class="fa fa-lock fa-medium"></i></label> 										
										<input type="text" class="form-control" name="contactNumber"  placeholder="联系方式">
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-12">
								<div class="control-wrapper">
									<label for="password" class="control-label fa-label">
									<i class="fa fa-lock fa-medium"></i></label>
									 <input type="text" class="form-control" name="address" placeholder="地址">					 
									<label id="testpwd"></label>
								</div>
							</div>
						</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
					<button type="submit" class="btn btn-primary">提交</button>
					</form>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!-- 上边是个人中心模态框（Modal） -->


		<div class="footer_bottom">
			<div class="copy">
                <p>Copyright &copy; 2016.Company name All rights reserved.---置之死地而后生---</p>
	        </div>
	    </div>

</body>
</html>	